<div id="content" class="width_setter group" role="main" th:classappend="${category.url.substring(1)}">
    <section id="right_column" class="filter">
        <header><span th:text="#{category.filterResults}">Filter your results</span></header>
        <div id="options">
            <div th:substituteby="catalog/partials/facetFilter" />
            <div th:substituteby="catalog/partials/rightHandBannerAds" />
        </div>
    </section>
    <section id="left_column">
        <header>
            <h1 th:inline="text">
                <span th:text="#{category.viewing}">Viewing</span> [[${category.name}]] ([[${result.startResult}]] - [[${result.endResult}]] <span th:text="#{category.of}">of</span> [[${result.totalResults}]])
            </h1>
            <div th:substituteby="catalog/partials/productSortOptions"></div>
        </header>
        <div class="o_list m_list">
            <ul id="products" class="group clearfix">
                <li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
            </ul>
        </div>
        <div th:substituteby="catalog/partials/productPagingOptions" />
    </section>
</div>
